<%--
  Created by IntelliJ IDEA.
  User: 周帮洪
  Date: 2021/10/15
  Time: 15:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>管理员登录</title>
    <style>
        body{
            width:100%;
            height: 100%;
        }
        #background{
            width:100%;
            height: 100%;
        }
        #background img{
            width: 100%;
            height:100%;
        }

        #formk{
            background-color: #FFFFFF;
            width: 275px;
            height: 340px;
            float: left;
            position: absolute;
            top: 30%;
            left: 42%;
            border-radius: 5%;
            border-color: darkblue;
        }
        #login{
            position: absolute;
            float: left;
            top: 0px;
            left: 30px;
            font-size: x-large;
        }
        #login2{
            position: absolute;
            float: left;
            top: 100px;
            left: 30px;
        }
        #username{
            width: 177px;
            line-height: 25px;
        }
        .login_name {
            background: url(Static/logo_name.jpg);
            width: 217px;
            height: 32px;
            text-indent: 2.5em;
            padding-top: 6px;
        }
        #password{
            width: 177px;
            line-height: 28px;
        }

        #sub{
            position: absolute;
            float: left;
            top: 240px;
            left: 32px;
            height: 35px;
            width: 79%;
            background-color: deepskyblue;
            color: #FFFFFF;
            border-color: deepskyblue;
            border-radius:3%;
        }
        .login_pwd {
            background: url(Static/logo_psw.jpg);
            width: 217px;
            height: 32px;
            text-indent: 2.5em;
            padding-top: 6px;
            margin-top: 20px;
        }
        input{
            outline: none;
            font-family: "微软雅黑";
            border: 0;
        }
    .login_name input,.login_pwd input{
        width: 177px;
        line-height: 28px;
    }
    </style>
</head>

<body>
    <div id="background">
        <img src="Static/userbackger.jpg"/>

    </div>
    <form id="formk" method="post" action="#">
        <h4 id="login">登录</h4>
        <div id="login2">
            <div class="login_name">
        <input id="username" type="text" name="username" placeholder="请输入用户名"></div>
            <div class="login_pwd">
        <input id="password" type="password" name="password" placeholder="请输入密码"></div>
        </div>
<%--        <a id="sub" type="submit" href="${pageContext.request.contextPath}/userlogin= +''" >提交</a>--%>
        <button type="button" id="sub" onclick=javascrtpt:tttt()>提交</button>
    </form>
</body>
<script>
    function tttt() {
        var username = document.getElementById("username").value;
        var password = document.getElementById("password").value;
        window.location.href="${pageContext.request.contextPath}/userlogin?username="+username+"&password="+password;
    }
    
    
</script>
</html>
